<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">

    <h:head>
        <h:outputStylesheet library="css" name="reset.css"/>
        <h:outputStylesheet library="css" name="style(new).css"/>
        <h:outputStylesheet library="css" name="invalid.css"/>

        <h:outputScript library="js" name="simpla.jquery.configuration.js"/>
        <h:outputScript library="js" name="facebox.js"/>
        <h:outputScript library="js" name="jquery.wysiwyg.js"/>
        <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"  /> 
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></meta>

        <title> Pagina Pricinpal </title>
<h:outputStylesheet name="css/jsfcrud.css"/>
        <style>
            body{
                background: url('resources/imagens/bg-body.gif') fixed repeat;
            }

            #body-wrapper {
                background: url('resources/imagens/bg-body.gif') fixed repeat;
            } 

            #main-content {
                margin: 10% auto;
                width: 700px;
            }

            div.content-box-content{
                text-align: center;
                margin:  auto auto;
                display: block;
            }

            .logotipo{
                margin-top: -35px;
            }

        </style>

    </h:head>

    <h:body>
        <div id="body-wrapper">
            <!-- Wrapper for the radial gradient background -->

            <!-- End #sidebar -->
            <div id="main-content">
                <!-- Main Content Section with everything -->
                <noscript>
                    <!-- Show a notification if the user has disabled javascript -->
                    <div class="notification error png_bg">
                        <div>
                            Javascript is disabled or is not supported by your browser. Please <a href="http://browsehappy.com/" title="Upgrade to a better browser">upgrade</a> your browser or <a href="http://www.google.com/support/bin/answer.py?answer=23852" title="Enable Javascript in your browser">enable</a> Javascript to navigate the interface properly.
                        </div>
                    </div>
                </noscript>

                <!-- Page Head -->
                <div class="clear"></div>

                <!-- End .clear -->
                <div class="content-box">
                    <!-- Start Content Box -->
                    <div class="content-box-header">
                        <h3 style="cursor: s-resize;">Sem Autorização para Continuar</h3>

                        <div class="clear"></div>
                    </div>
                    <!-- End .content-box-header -->
                    <div class="content-box-content">


                        <f:view>        
                            <h:form>
                        <h:outputText id="nomeUtilizadores" value="Nome de Utilizador"/><br/>
                        <p:inputText id="txtNomeUtilizadores" required="true" value="#{login.nomeUtilizador}" requiredMessage="Insira o Nome" size="15"/>
                        <p:message for="txtNomeUtilizadores" display="icon"/>

                        <h:outputText id="senha" value="Senha"/><br/>
                        <p:password id="txtSenha" minLength="5" value="#{login.senha}" required="true" feedback="false"  size="15" requiredMessage="Insira a Senha"/>
                        <p:message for="txtSenha" display="icon"/>

                    <p:commandButton ajax="false" action="#{login.autenticar}" value="Entrar" type="submit"/>
                </h:form>
                        </f:view>


                    </div>
                    <!-- End .content-box-content -->
                </div>
                <!-- End .content-box -->
                <div class="clear"></div>
                <!-- Start Notifications -->
                <!-- End Notifications -->
                <div id="footer">
                    <center>
                        <small>
                            <!-- Remove this notice or replace it with whatever you want --> 
                            &copy; Copyright 2012 UCAN | Autorizado por <a href="#">PROIN Profissionais Integrados</a>
                        </small>
                    </center>
                </div><!-- End #footer -->
            </div>
            <!-- End #main-content -->
        </div>

                    
</h:body>





</html>
